<!DOCTYPE html>
<html>
<head>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/jsp/head.jsp"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-tree.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-table.css">
<!--  
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-accordion.css">
-->
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-tree.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-accordion.js"></script>
<script src="${pageContext.request.contextPath}/static/js/menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/data.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/user.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">

$(function () {	
    $('#simpleAccordion').BootstrapAccordion({
    	items:[
            {
            	id: 11,
            	text: '树',
				editor: {
					type: 'tree',
					options:{
				    	expand: true,
						data: treeData1.toTree('id','pid')
				    }
				},            	
            	active: true
            },
            {
            	id: 12,
            	text: '表格',
				editor: {
					type: 'table',
					options:{
						columns: [
									{display : '登录名', name: 'loginName'},
									{display : '姓名', name: 'userName'},
									{display : '电话', name: 'userPhone'},
									{display : '移动电话', name: 'userMPhome'},
									{display : '电子邮箱', name: 'userEmail'},
								],
						data: user,
						pageSize: 5,
						usePager: true
				    }
				}
            },
    	    {
            	id: 13,
    	    	text: '文本',
    	    	content: '这是测试文本'
    	    },
    	],
    	onItemClick: function(item){
    		//alert(1);
    	}
	});
	
	

    
});

</script>
</head>

<body>

  
<div class="container">  
	<nav id="menu"></nav>
	
	<div id="simpleAccordion"></div>
	
	<!--  
	<div class="row">
	    <div class="col-xs-2">
			<div id="accordion" class="list-group">
			    <div class="panel panel-default" style="overflow:auto">
				    <a class="list-group-item active" data-toggle="collapse" data-parent="#accordion" data-target="#div1">我是列表项1</a>
					<div id="div1" class="collapse in">
		                <div id="leftMenu"></div>
		            </div>			    
				    <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#div2">我是列表项2</a>
					<div id="div2" class="collapse">
		                bbbbbbbb
		            </div>				    
				    <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" data-target="#div3">我是列表项3</a>
					<div id="div3" class="collapse">
		                ccccccccc
		            </div>
	            </div>				    
			</div>				        
	    </div>
	</div>
	-->
</div>

</body>

</html>